@charset "utf-8";
.banner {
    padding: 0;
    margin-top: 56px;
    img {
        width: 100%;
    }
}
//layaflash引擎
.layaflash {
    background: #fbfaf7;
    padding-top: 104px;
    border-bottom: 1px solid #eaeaee;
    .container {
        background: url(../img/index_phone.png)no-repeat;
        background-position: right bottom;
        background-size: 30%;
        padding-bottom: 59px;
        >h1 {
            font-size: 48px;
            color: #0078d7;
        }
        >h2 {
            font-size: 30px;
            color: #666;
            margin-top: 33px;
            margin-bottom: 79px;
        }
        .row {
            .flashProduct {
                display: flex;
                justify-content: space-around;
                margin-bottom: 47px;
                .flashProImg {
                    flex-shrink: 0;
                    //不缩小
                    width: 64px;
                    height: 64px;
                    overflow: hidden;
                    img {
                        width: 100%;
                    }
                }
                .flashProDesc {
                    h3 {
                        font-size: 19px;
                        color: #333;
                    }
                    p {
                        width: 188px;
                        font-size: 14px;
                        color: #666;
                    }
                }
            }
        }
    }
}
//Layabox 优势
.advantage {
    padding-top: 114px;
    padding-bottom: 105px;
    .container {
        .row {
            .advantageImg {
                margin-top: 73px;
            }
            .LayaboxAdv {
                h1 {
                    font-size: 48.06px;
                    color: #8fc31f;
                    margin-bottom: 28px;
                }
            }
            .LayaboxAdvNum {
                margin-top: 16px;
                span {
                    font-size: 14px;
                    margin-left: 8px;
                }
            }
        }
    }
}
//Lababox家族产品
.familyProduct {
    background: #0079d7;
    padding-top: 36px;
    padding-bottom: 144px;
    .allWidth {
        >h1 {
            font-size: 48.85px;
            color: #fffefe;
            text-align: center;
            margin-bottom: 70px;
        }
        .LayaAir {
            display: flex;
            margin-top: 75px;
            >div {
                >h1 {
                    font-size: 32.89px;
                    color: #fffefe;
                }
                span {
                    font-size: 14px;
                    color: #fffefe;
                }
            }
            >div:nth-child(2) {
                margin-left: 58px;
                span {
                    display: inline-block;
                    width: 284px;
                    line-height: 27px;
                }
            }
        }
    }
}
//采用Layabox引擎的精彩游戏
.game {
    padding-top: 86px;
    padding-bottom: 50px;
    .allWidth {
        .title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 45px;
            h1 {
                font-size: 35px;
                color: #2a2a2a;
            }
            a {
                font-size: 14px;
                color: #2a2a2a;
            }
        }
        .row {
            .video {
                video {
                    width: 100%;
                    height: 200px;
                }
            }
            .gameType {
                .card {
                    border: none;
                    text-align: center;
                    text-decoration: none;
                    .card-body {
                        padding: 0;
                        p {
                            font-size: 14px;
                            color: #2a2a2a;
                            padding: 5px 0;
                        }
                    }
                }
            }
        }
    }
}
//合作伙伴
.Cooperative_partner {
    background: #f4f4f4;
    padding-top: 40px;
    padding-bottom: 45px;
    .partner_title {
        h1 {
            display: inline-block;
            font-size: 30px;
            color: #2a2a2a;
        }
        span {
            font-size: 11.21px;
            color: #969696;
        }
    }
    .parner {
        margin-top: 20px;
    }
}

//移动端
@media only screen and (max-width:414px) {
    .layaflash {
        padding-top: 50px;
        .container {
            background: none;
            >h1 {
                font-size: 36px;
            }
            >h2 {
                font-size: 20px;
                margin-bottom: 50px;
            }
            .row {
                .flashProduct {
                    margin-bottom: 20px;
                }
            }
        }
    }
    .advantage {
        .container {
            .row {
                .advantageImg {
                    img {
                        width: 250px;
                        height: 250px;
                    }
                }
                .LayaboxAdv {
                    h1 {
                        font-size: 38.06px;
                    }
                }
                .LayaboxAdvNum {
                    margin-top: 16px;
                    img {
                        width: 40px;
                    }
                    span {
                        font-size: 12px;
                        margin-left: 4px;
                    }
                }
            }
        }
    }
    .game {
        .allWidth {
            .title {
                align-items: flex-end;
                flex-direction: column;
                margin-bottom: 35px;
                h1 {
                    font-size: 30px;
                }
            }
        }
    }
}



@media only screen and (max-width:579px){
    .Cooperative_partner{
        img{
            width:120px;
        }
    }
}
@media only screen and (max-width:414px){
    .Cooperative_partner{
        img{
            width:100px;
        }
    }
}
//ip5
@media only screen and (max-width:320px) {
    .layaflash {
        .container {
            .row {
                .flashProduct {
                    padding: 0;
                    .flashProDesc {
                        p {
                            width: 200px;
                        }
                    }
                }
            }
        }
    }
    .Cooperative_partner{
        img{
            width:80px;
        }
    }
}


@media only screen and (max-width:768px) {
    .advantage {
        padding-top: 0;
    }
    .familyProduct {
        padding-top: 36px;
        padding-bottom: 144px;
        .allWidth {
            >h1 {
                font-size: 30.85px;
                color: #fffefe;
                text-align: center;
                margin-bottom: 0;
            }
            .LayaAir {
                flex-direction: column;
                margin-top: 55px;
                >div {
                    >h1 {
                        font-size: 22.89px;
                        color: #fffefe;
                    }
                    span {
                        font-size: 12px;
                        color: #fffefe;
                    }
                }
                >div:nth-child(1) {
                    text-align: center;
                }
                >div:nth-child(2) {
                    margin-left: 0;
                    margin-top: 40px;
                    span {
                        display: inline-block;
                        width: 100%;
                        line-height: 27px;
                    }
                }
            }
        }
    }
}